<!-- office type 科室类型 -->
<div class="container" ms-important="office">
	

	<div class="row handler">

		<span><i style="font-size: 15px" class="iconfont">&#xe601;</i>功能模块</span>
		<hr>

		<div class="btnBlock" type="f" data-toggle="modal" data-target="#addOfficeTypeModal">
			<div>
				<i class="iconfont">&#xe617;</i><span style="vertical-align: super;">新增科室类型</span>
			</div>
		</div>

		<div class="btnBlock" type="s" :click="@delOfficeModal">
			<div>
				<i class="iconfont">&#xe606;</i><span style="vertical-align: super;">删除科室类型</span>
			</div>
		</div>

		<div></div>
		<span><i style="font-size: 15px" class="iconfont">&#xe6d6;</i>列表展示</span>
		<hr>

	</div>


	<div class="row data">
		<div>
	        <table id="table"
	           data-show-export="true"
	           data-detail-formatter="detailFormatter"
	           data-minimum-count-columns="2"
	           data-pagination="true"
	           data-id-field="id"
	           data-page-list="[10, 25, 50, 100, ALL]"
	           data-show-footer="false"
	           data-side-pagination="client"
	           data-page-number="1" data-page-size="5">
	            <thead>
	                <tr>
						<th data-field="state" data-radio="true"></th>
	                    <th data-field="depTypeName" data-sortable="true" >科室名称</th>
	                    <th data-field="createTime" data-sortable="true" width="200">创建时间</th>
	                </tr>
	            </thead>
	        </table>
	    </div>
	</div>


	<!-- 删除科室类型 modal -->
	<div class="modal fade" id="delOfficeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h5 class="modal-title"><i style="font-size: 15px;margin: 0 10px;" class="iconfont">&#xe64c;</i>删除科室类型</h5>
				</div>
				<div class="modal-body">
					<div>
						<p style="color: red;text-align: center">删除操作不可逆，是否继续？</p>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary" :click="@delOffice">确定</button>
				</div>
			</div>
		</div>
	</div>


	<!-- 增加科室类型 modal -->
	<div class="modal fade" id="addOfficeTypeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h5 class="modal-title" id="exampleModalLabel"><i style="font-size: 15px;margin: 0 10px;" class="iconfont">&#xe64c;</i>新增科室类型</h5>
				</div>
				<div class="modal-body">
					<div>
						<div class="row form-group">
							<label for="recipient-name" class="col-sm-2 col-sm-offset-1">名称:</label>
							<input class="col-sm-8" type="text" id="recipient-name" :duplex="@add.name">
							<span class="col-sm-1 tip">*</span>
						</div>
						<div class="row form-group">
							<label for="message-text" class="col-sm-2 col-sm-offset-1">备注:</label>
							<textarea class="col-sm-8" style="resize: none;height: 100px;min-height: 100px" id="message-text" :duplex="@add.note"></textarea>
							<span class="col-sm-1 tip">*</span>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" :click="@add.confirm">提交</button>
				</div>
			</div>
		</div>
	</div>
</div>
